<template>
    <div>
        <div class="search_bar">
            <span
                class="back"
                @click="back"
            >></span>
            <input type="text"><span>搜索</span>
        </div>
    </div>
</template>

<script>
    export default {
        name:'Search',
        methods: {
            back() {
                this.$router.go(-1);
            }
        },
    }
</script>

<style lang="scss" scoped>
.search_bar{
    margin-top: 15px;
    display: flex;
    justify-content: space-around;
    input{
        width:302px;
        height:32px;
        border-radius:16px;
        border:1px solid rgba(213,213,213,1);
        outline: none;
        padding-left: 25px;
    }
    span{
        line-height: 32px;
        font-size: 16px;
    }
}

</style>